<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:63:"D:\WWW\bysjzp\public/../application/index\view\index\hotel.html";i:1507784855;s:63:"D:\WWW\bysjzp\public/../application/index\view\public\food.html";i:1507722581;}*/ ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>酒店</title>

<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
	var _visible = 5;
	var $pagers = $('#pager a');
	var _onBefore = function() {
		$(this).find('img').stop().fadeTo( 300, 1 );
		$pagers.removeClass( 'selected' );
	};

	$('#carousel').carouFredSel({
		items: _visible,
		width: '100%',
		auto: false,
		scroll: {
			duration: 750
		},
		prev: {
			button: '#prev',
			items: 2,
			onBefore: _onBefore
		},
		next: {
			button: '#next',
			items: 2,
			onBefore: _onBefore
		},
	});

	$pagers.click(function( e ) {
		e.preventDefault();
		
		var group = $(this).attr( 'href' ).slice( 1 );
		var slides = $('#carousel div.' + group);
		var deviation = Math.floor( ( _visible - slides.length ) / 2 );
		if ( deviation < 0 ) {
			deviation = 0;
		}

		$('#carousel').trigger( 'slideTo', [ $('#' + group), -deviation ] );
		$('#carousel div img').stop().fadeTo( 300, 0.3 );
		slides.find('img').stop().fadeTo( 300, 1 );

		$(this).addClass( 'selected' );
	});
});
</script>

<style type="text/css">
html, body{height:100%;padding:0;margin:0;}
body{
	background-color: #F90;
	min-height: 400px;
}
body *{font-family:Arial, Geneva, SunSans-Regular, sans-serif;font-size:14px;color:#333;line-height:22px;}
body h3{font-size:20px;margin:30px 0 10px 0;}
body a:hover{color:#000;}

/* inner */
#inner{
	height: 400px;
	position: relative;
	overflow: hidden;
	margin: 20px 0 0 0;
}
#carousel div{
	border: 1px solid #999;
	background: #fff;
	width: 140px;
	height: 350px;
	float: left;
	padding: 10px;
	margin: 0 5px;
}
#pager{text-align:center;margin-top:20px;color:#666;}
#pager a{color:#666;text-decoration:none;display:inline-block;padding:5px 10px;}
#pager a:hover{color:#333;}
#pager a.selected{background-color:#333;color:#ccc;}
#prev, #next{display:block;width:50px;height:80px;margin-top:-40px;position:absolute;top:50%;z-index:2;}
#prev{background:url( img/ui-prev.png ) no-repeat;left:50%;margin-left:-520px;}
#next{background:url( img/ui-next.png ) no-repeat;right:50%;margin-right:-520px;}
#header {
	height: 800px;
	width: 1250px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#times {
	height: 30px;
	width: 1250px;
	line-height: 30px;
}
#zhuyi {
	float: right;
	height: 20px;
	width: 320px;
	color: #F00;
}
#daohang {height: 30px;
	width: 1250px;
}
#dangqianweizhi {height: 30px;
	width: 160px;
	color: #0FF;
	line-height: 30px;
	font-size: 15px;
	float: left;
}
#div {height: 450px;
	width: 1250px;
	margin-top: 8px;
}
#xuanzefenl {
	height: 30px;
	width: 1250px;
}
#footer{
	width:1250px;
	height:100px;
}
</style>

</head>
<body>
<div id="header">
	  <div id="daohang">您好，请<a href="后台管理/login.html">登录</a> <a href="后台管理/register.html">免费注册</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	    <select name="select" id="select">
	      <option>东莞</option>
	      <option>北京</option>
	      <option>上海</option>
	      <option>深圳</option>
	      <option>惠州</option>
	      <option>日本</option>
	      <option>香港</option>
        </select>
  &nbsp;&nbsp;
	    &nbsp;&nbsp;
	    <input type="text" name="textfield" id="textfield2" />
	    <input type="submit" name="button" id="button" value="搜索" />
  在线服务 我的订单 </div>
	  <div id="div">
	    <div id="dangqianweizhi">当前位置&gt;<a href="首页.html">首页</a>&gt;酒店 </div>
	    <p>&nbsp;</p>
	    <div id="times">入住时间：
	      <input type="date" name="input" /> 
	      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;退房时间：
<input type="date" name="input2" />
        <div id="zhuyi">
        注意：入住时间：14:00以后 退房时间：13:00之前</div>
	    酒店名称：
	    <input type="text" name="textfield2" id="textfield" />
        <input type="submit" name="button5" id="button5" value="查看其他酒店" />
        <form id="form1" name="form1" method="post" action="">
        <label for="textfield"></label>
</form>
	    </div>
	    <div id="inner">
	      <div id="carousel">
	        <div class="热门酒店" id="热门酒店"> 
	          <p><img src="img/上海三湘大厦.jpg" alt="" width="140" height="200" /> <em>上海三湘大厦</em></p>
	          <p>价格：￥456
                起
	            <input type="submit" name="button2" id="button2" value="立即预定" />
              </p>
            </div>
	        <div class="热门酒店"> 
	          <p><img src="img/桔子酒店.jpg" alt="" width="140" height="200" /> <em>桔子酒</em>	          </p>
	          <p>价格：￥782起
                <input type="submit" name="button3" id="button3" value="立即预定" />
              </p>
	        </div>
	        <div class="热门酒店"> 
	          <p><img src="img/广州东方宾馆.jpg" alt="" width="140" height="200" /> <em>广州东方宾馆</em></p>
	          <p>价格：￥750
                起
	            
	            <input type="submit" name="button4" id="button4" value="立即预定" />
	          </p>
	        </div>
            
            
	        <div class="精品酒店" id="精品酒店"> 
	          <p><img src="img/上海外滩浦华大酒店.jpg" alt="" width="140" height="200" /> <em>上海外滩浦华大酒店</em></p>
	          <p>价格：￥706
              起
	            <input type="submit" name="button6" id="button6" value="立即预定" />
	          </p>
	        </div>
            
	        <div class="精品酒店"> 
	          <p><img src="img/北京星河湾酒店.jpg" alt="" width="140" height="200" /><em>北京星河湾酒店</em></p>
	          <p>价格：￥706
              起 
	            <input type="submit" name="button7" id="button7" value="立即预定" />
	          </p>
	        </div>
	      
	        <div class="精品酒店"> 
	          <p><img src="img/广州白云湖畔酒店.jpg" alt="" width="140" height="200" /><em>广州白云湖畔酒店</em></p>
	          <p>价格：￥377
              起 
	            <input type="submit" name="button7" id="button7" value="立即预定" />
	          </p>
	        </div>
	     
	      </div>
          
	      <a href="#" id="prev"></a> <a href="#" id="next"></a></div>
  <div id="xuanzefenl">
          <p><strong>选择分类:</strong> &nbsp; <a href="#热门酒店">热门酒店</a> &bull; <a href="#精品酒店">精品酒店</a></p>
    </div>
    <div id="footer">
    关于我们 | 联系我们 | 诚聘英才 | 发展历程 | 旅游资质 | 免责声明 | 预定须知 | 网站地图 | 友情链接 | 网站统计
 <p class="ys011"><?php echo $info['bottominfo']; ?>        </p>
</div> 
    </div>
        <div id="pager"></div>
        <p>&nbsp;</p>
      </div>
	</div>
</body>
</html>